// pages/shopmanager/addqualityservice/index.js
const app = getApp() // 引入app
import _request from '../../../utils/request.js'

const list = {
  '0小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
  '1小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
  '2小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
  '3小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
  '4小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
  '5小时': ['10分钟', '15分钟', '20分钟', '25分钟', '30分钟', '35分钟', '40分钟', '45分钟', '50分钟', '55分钟', '60分钟'],
};

Page({

  /**
   * 页面的初始数据
   */
  data: {
    requesttype: 0, //区分是修改还是新增
    imgUrl: app.globalData.imgUrl, //全局img路径
    fileList: [],
    datalist: [],
    showtype: false,
    showtime: false,
    name1: '', // 服务名
    name2: '', // 现价
    name3: '', // 原价
    newtype: '',
    oldtype: '',
    hour: '0',
    mint: '0',
    oldhour: '0',
    oldmint: '10',
    columns: [{
        values: Object.keys(list),
        className: 'column1',
      },
      {
        values: list['0小时'],
        className: 'column2',
        defaultIndex: 0,
      },
    ],
    id: ''
  },

  //确定时间10分钟>时间<5小时
  onTime() {
    const {
      oldhour,
      oldmint
    } = this.data
    if (oldhour == 5 && oldmint != 0) {
      wx.showToast({
        title: '时间最大区间为五小时',
        icon: 'none',
        duration: 1000
      })
    } else {
      this.setData({
        hour: oldhour,
        mint: oldmint,
        showtime: false
      })
    }
  },

  // 获取选择时间
  onChangetime(event) {
    const {
      picker,
      value,
      index
    } = event.detail;
    this.setData({
      oldhour: value[0].split('小时')[0],
      oldmint: value[1].split('分钟')[0],
    })
    console.log(this.data);
  },

  // 显示时间弹窗
  showTime() {
    this.setData({
      showtime: true
    })
  },

  // 关闭窗口
  onCloseTime() {
    this.setData({
      showtime: false
    })
  },


  // 显示类型弹窗
  showType() {
    this.setData({
      showtype: true,
      oldtype: this.data.oldtype ? this.data.oldtype : this.data.datalist[0]
    })
  },

  // 获取选择类型
  onChangeType(event) {
    const {
      value
    } = event.detail;
    this.setData({
      oldtype: value
    })
  },

  // 确定
  onType() {
    this.setData({
      showtype: false,
      newtype: this.data.oldtype
    })
  },

  // 关闭窗口
  onCloseType() {
    this.setData({
      showtype: false
    })
  },

  // 获取输入值
  getdata1(e) {
    const {
      value
    } = e.detail;
    this.setData({
      name1: value
    })
  },

  getdata2(e) {
    const {
      value
    } = e.detail;
    this.setData({
      name2: value
    })
  },

  getdata3(e) {
    const {
      value
    } = e.detail;
    this.setData({
      name3: value
    })
  },

  // 上传图片
  afterRead(event) {
    let _this = this
    const {
      file
    } = event.detail;
    wx.showLoading({
      title: '上传中',
      mask: true
    })
    wx.uploadFile({
      url: app.globalData.baseurl + '/store-api/file/batchUpload',
      filePath: file.url,
      name: 'files',
      header: {
        'token': wx.getStorageSync('token')
      },
      formData: {
        'files': 'file'
      },
      success(res) {
        const data = JSON.parse(res.data).data[0]
        wx.hideLoading({
          success: (res) => {
            _this.setData({
              fileList: [..._this.data.fileList, {
                ...file,
                url: data,
                deletable: true,
                isImage: true,
              }]
            })
          },
        })

      },
      fail(error) {
        console.log(error);
      },
      complete(res) {
        console.log(res);
      },
    })
  },

  // 删除图片
  ondelete(e) {
    const {
      file
    } = e.detail
    let list = this.data.fileList.filter((item) => {
      return item.size != file.size
    })
    this.setData({
      fileList: list
    })
  },

  onSave() {
    if (!this.data.fileList.length) {
      wx.showToast({
        title: '请添加照片',
        icon: 'none',
        duration: 1000
      })
      return
    } else if (!this.data.newtype) {
      wx.showToast({
        title: '请选择美发师',
        icon: 'none',
        duration: 1000
      })
      return
    }else if (this.data.hour == 0 && this.data.mint == 0) {
      wx.showToast({
        title: '请选择服务时长',
        icon: 'none',
        duration: 1000
      })
      return
    }
    const {
      fileList,
      hour,
      mint,
      name1,
      name2,
      name3,
      newtype,
      requesttype,
      id
    } = this.data
    let list = fileList.map(item => {
      return item.url
    })
    let url = requesttype ? '/store/updateQualityService' : '/store/insertQualityService'
    let obj
    if (requesttype) {
      obj = {
        serviceName: name1,
        path: list[0],
        newPrice: name2,
        oldPrice: name3,
        storeId: wx.getStorageSync('storeId'),
        stylistId: newtype.stylistId,
        hour,
        minute: mint,
        id
      }
    } else {
      obj = {
        serviceName: name1,
        path: list[0],
        newPrice: name2,
        oldPrice: name3,
        storeId: wx.getStorageSync('storeId'),
        stylistId: newtype.stylistId,
        hour,
        minute: mint
      }
    }
    _request.postObj(url, {
      ...obj
    }).then((res) => {
      if (res.data.code === 200) {
        wx.showToast({
          title: '添加成功',
          icon: 'none',
          duration: 1000
        })
        this.setData({
          fileList: [],
          datalist: [],
          showtype: false,
          showtime: false,
          name1: '',
          name2: '',
          name3: '',
          newtype: '',
          oldtype: '',
          hour: '0',
          mint: '0',
          oldhour: '0',
          oldmint: '10',
        })
        wx.navigateBack({
          delta: 1,
        })
      }
    }).catch((error) => {
      console.log(error, 'error');
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let data = null
    if(options.data){
     data = JSON.parse(options.data)
    }
    // 获取门店所有理发师列表
    _request.get('/store/getStoreAllStylistList', {
      storeId: wx.getStorageSync('storeId')
    }).then((res) => {
      // console.log(res)
      if (res.data.code === 200) {
        this.setData({
          datalist: res.data.data.map(item => {
            item.nickname = item.nickname + (item.nexus==0 ? '（平台）' : '（店内）')
            return item
          }) || [],
        })
        if (data) {
          let str = this.data.datalist.filter(item => {
            if (item.stylistId == data.stylistId) {
              return item
            }
          })[0]
          this.setData({
            hour: data.hour,
            minute: data.minute,
            name3: data.oldPrice,
            name1: data.serviceName,
            name2: data.newPrice,
            fileList: [{
              url: data.path,
              deletable: true,
              isImage: true,
            }],
            requesttype: 1,
            newtype: str,
            id: data.id
          })
        }
      }
    })


    console.log(this.data);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})